<template>
  <div class="content">
    <ToolBarComponent>
      <QueryBarComponent row-num="1">
        <InputComponent input-lable="条件A" input-name="condition1" input-type="text"></InputComponent>
        <InputComponent input-lable="条件B" input-name="condition1" input-type="text"></InputComponent>
        <InputComponent input-lable="条件C" input-name="condition1" input-type="text"></InputComponent>
        <Button text="查询" click-function=""></Button>
      </QueryBarComponent>
      <QueryBarComponent row-num="2">
        <InputComponent input-lable="条件D" input-name="condition1" input-type="text"></InputComponent>
        <InputComponent input-lable="条件E" input-name="condition1" input-type="text"></InputComponent>
        <InputComponent input-lable="条件F" input-name="condition1" input-type="text"></InputComponent>
        <InputComponent input-lable="条件G" input-name="condition1" input-type="text"></InputComponent>
      </QueryBarComponent>
    </ToolBarComponent>
    <ToolBarComponent>
      <Button text="按钮A" click-function=""></Button>
      <Button text="按钮B" click-function=""></Button>
      <Button text="按钮C" click-function=""></Button>
    </ToolBarComponent>
    <GridComponent :outData="inputArr" select-moduel="multify">
      <GridColumnComponent index-name="a" column-name="属性名A" width="150px"></GridColumnComponent>
      <GridColumnComponent index-name="b" column-name="属性名B" width="150px"></GridColumnComponent>
      <GridColumnComponent index-name="b" column-name="属性名C" width="150px"></GridColumnComponent>
      <GridColumnComponent index-name="a" column-name="属性名D" width="150px"></GridColumnComponent>
      <GridColumnComponent index-name="a" column-name="属性名E" width="150px"></GridColumnComponent>
      <GridColumnComponent index-name="a" column-name="属性名E" width="150px"></GridColumnComponent>
    </GridComponent>
  </div>
</template>

<script>

import QueryBarComponent from "@/components/toolbar/QueryBarComponent";
import InputComponent from "@/components/input/InputComponent";
import ToolBarComponent from "@/components/toolbar/ToolBarComponent";
import Button from "@/components/button/ButtonComponent";
import GridColumnComponent from "@/components/grid/GridColumnComponent";
import GridComponent from "@/components/grid/GridComponent";

export default {
  components: {QueryBarComponent, InputComponent, ToolBarComponent, Button, GridColumnComponent, GridComponent},
  name: "QueryGridAndFormTemplate"
}
</script>

<style scoped>

</style>